<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <title>ts</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <style type="text/css">
            @import "http://ajax.googleapis.com/ajax/libs/dojo/1.2.0/dijit/themes/tundra/tundra.css";
            @import "http://ajax.googleapis.com/ajax/libs/dojo/1.2.0/dojo/resources/dojo.css";
			@import "css/layout.css";
        </style>
		<style type="text/css" src="css/layout.css">
        </style>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.2.0/dojo/dojo.xd.js" djConfig="parseOnLoad: true, extraLocale: ['en-us', 'ar-sy', 'es-es', 'zh-cn']">
        </script>
        <script type="text/javascript">
            
            dojo.require("dojo.parser");
            dojo.require("dijit.form.Button");
            dojo.require("dijit.Dialog");
            dojo.require("dijit.form.TextBox");
            dojo.require("dijit.form.Textarea");
            dojo.require("dijit.form.CheckBox");
            dojo.require("dijit.InlineEditBox");
            //add by ning @ 2008-11-22 - for calendar
            dojo.require("dijit._Calendar");
            dojo.require("dojo.date.locale");
            
            
            //dojo.require("dijit.form._DateTimeTextBox");
            dojo.require("dijit.form.TimeTextBox");
            dojo.require("dijit.form.DateTextBox");
            dojo.require("dijit.form.FilteringSelect");
            
            dojo.require("dijit.layout.SplitContainer");
            dojo.require("dijit.layout.ContentPane");
            
            dojo.require("dijit.form.Slider");
            dojo.require("dijit.TitlePane");
            dojo.require("dijit.Menu");
            dojo.require("dojo.string");
            dojo.require("dojox.encoding.crypto.Blowfish");
            dojo.require("dojox.encoding.digests.MD5");
			//dojo.require("dijit.util.manager");
        </script>
        <script src="../timeline-webapp/api/timeline-api.js?bundle=false" type="text/javascript">
        </script>
        <script type="text/javascript" src="http://www.google.com/jsapi">
        </script>
        <script type="text/javascript" src="js/util.js">
        </script>
		<script type="text/javascript" src="js/eventcache.js">
        </script>
		
        <script type="text/javascript" src="js/gCalendar-about.js">
        </script>
        <script type="text/javascript" src="js/timeline-about.js">
        </script>
    </head>
    <body debug="false" class="tundra">
    	<div style="display:none;">
	        <img src="./img/blue-circle.png" >	
   		</div>
	<style>
	
.header {    background: transparent none repeat scroll 0 0;    border-bottom: 1px solid #C9D7F1;    margin-bottom: 2px;}

	</style>
    <div class="header">
        <div id="ff" style='float:left'>
            <nobr>

<span>
	&nbsp;	&nbsp;	&nbsp;	&nbsp;	&nbsp;
	
</span>
			<input id = "searchinput" type="text" value="search"></input>
			<input id="login-button" type="button" value="搜索timestamp" onclick="onSearch(document.getElementById('searchinput').value)">
            </input>

            </nobr>
        </div>
        
            <div style='float:right'>
                <div class="nQ6QTe" id="guser">
                    <nobr>
                        <b ></b>
						
                        <a target="_top" href="javascript:logout()">退出</a>
                    </nobr>
                </div>
            </div>
        </div>

			
			
		
		
        <div id="header">
            
			
            <div id="msg">
                <div id="msgInner">
                </div>
            </div>
       </div>
            <div dojoType="dijit.layout.SplitContainer" id="mainPane" orientation="horizontal" sizerWidth="5" activeSizing="true" persist="true" style="border: 1px solid #bfbfbf; float: left; width:100%; height: 450px;">
                <div id="listPane" dojoType="dijit.layout.ContentPane" sizeMin="20" sizeShare="10">
                	
					<input id="dateChooser" dojoType="dijit._Calendar" onChange="gotoDate(arguments[0])" lang="zh-cn">
					
                    <div id="categoryCtl" style="float:left">
                    </div>
                </div>
                <div id="right" dojoType="dijit.layout.ContentPane" sizeMin="20" sizeShare="90">
                    <div id="my-timeline" style="height: 400px; width : 90% ; float :left;border: 1px solid #aaa ;">
                    </div>
					
					<!--  End right hand side split container --><!-- VerticalSlider -->
            <div dojoType="dijit.form.VerticalSlider" name="vertical1" onChange="zoomTimeline(arguments[0])" value="8" maximum="1" minimum="20" discreteValues="20" style="height:300px; float:right" id="slider2">
                <ol dojoType="dijit.form.VerticalRuleLabels" container="leftDecoration" style="width:2em;color:gray;" labelStyle="right:0px;">
                    <li>
                        十年
                    </li>
                    <li>
                        年
                    </li>
                    <li>
                        月
                    </li>
                    <li>
                        天
                    </li>
                    <li>
                        小时
                    </li>
                </ol>
                <div dojoType="dijit.form.VerticalRule" container="leftDecoration" count=20 style="width:5px;" ruleStyle="border-color:gray;">
                </div>
            </div>
            
                </div>
            </div>
            
			
			<h3></h3>
            <div id = "test">
            </div>
            <div id = "msg">
            </div>
            <!--  Dialog for add Event -->
            <div dojoType="dijit.Dialog" id="addEventDialog" title="Add Event" style="display:none" execute="onCreateEvent();">
                <table>
                    <tr>
                        <td>
                            <label for="title">
                                标题: 
                            </label>
                        </td>
                        <td>
                            <input dojoType="dijit.form.TextBox" id="title" type="text" name="title">
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label for="content">
                                内容: 
                            </label>
                        </td>
                        <td>
                            <input dojoType="dijit.form.TextBox" id="content" type="text" name="content" style="width:300px;height:100px">
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label for="desc">
                                时间: 
                            </label>
                        </td>
                        <td>
                            <input type="text" id="startDate" name="startDate" dojoType="dijit.form.DateTextBox" constraints="{datePattern:'yyyy-MM-dd'}" required="true" style="width:100px;">
                            </input><input type="text" id="startTime" name="statTime" dojoType="dijit.form.TimeTextBox" constraints="{timePattern:'HH:mm:ss' }" required="true" style="width:100px;">
                            </input><input type="text" id="endDate" name="endDate" dojoType="dijit.form.DateTextBox" constraints="{datePattern:'yyyy-MM-dd'}" required="true" style="width:100px;">
                            </input><input type="text" id="endTime" name="endTime" dojoType="dijit.form.TimeTextBox" constraints="{timePattern:'HH:mm:ss' }" required="true" style="width:100px;">
                            </input>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label for="location">
                                地点: 
                            </label>
                        </td>
                        <td>
                            <input dojoType="dijit.form.TextBox" type="text" name="location">
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label for="desc">
                                分类: 
                            </label>
                        </td>
                        <td>
                            <select id = "eventCategory" name="category" autocomplete="false">
                                <option value="SD">South Dakota</option>
                                <option value="TN">Tennessee</option>
                                <option value="TX">Texas</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" align="center">
                            <button dojoType=dijit.form.Button type="submit">
                                OK
                            </button>
                        </td>
                    </tr>
                </table>
            </div>
            <!--用来显示分类的详细信息-->
            <div dojoType="dijit.Dialog" id="categoryDialog" style="display:none" execute="onEditCategory();">
                <table>
                    <tr>
                        <td>
                            <label for="categoryTitle">
                                分类名称: 
                            </label>
                        </td>
                        <td>
                            <input dojoType="dijit.form.TextBox" type="text" name="categoryTitle" id="categoryTitle">
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label for="summary">
                                说明: 
                            </label>
                        </td>
                        <td>
                            <input dojoType="dijit.form.TextBox" type="text" name="summary" id="summary" style="width:300px;height:100px">
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label for="location">
                                地点: 
                            </label>
                        </td>
                        <td>
                            <input type="text" id="location" name="location" sytle="width:300px" dojoType="dijit.form.TextBox"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label for="sharing">
                                谁能浏览此分类: 
                            </label>
                        </td>
                        <td>
                            <select dojoType="dijit.form.FilteringSelect" id="sharing" name="sharing" autocomplete="false">
                                <option value="private">只对自己可见</option>
                                <option value="contact">只对好友可见</option>
                                <option value="public">所有人都可见</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" align="center">
                            <input dojoType="dijit.form.TextBox" type="hidden" name="oldTitle" id="oldTitle">
                            <button dojoType=dijit.form.Button type="submit">
                                保存
                            </button>
                        </td>
                    </tr>
                </table>
            </div>
        </body>
    </html>
